<template>
  <tiny-container :pattern="pattern" :header-height="headerHeight" :aside-width="asideWidth" :footer-height="footerHeight">
    <template #header>
      <tiny-layout class="wh-full border-bottom">
        <app-header />
      </tiny-layout>
    </template>
    <template #aside>
      <tiny-layout class="!wh-full">aside-width：{{ asideWidth }}px</tiny-layout>
    </template>
    <tiny-layout class="wh-full">
      <app-view />
    </tiny-layout>
    <template #footer>
      <tiny-layout class="!wh-full border-top">
        <app-footer />
      </tiny-layout>
    </template>
  </tiny-container>
</template>
<script setup lang="ts">
import { useAuthStore } from '@/stores'
const pattern = ref('classic')
const headerHeight = ref(55)
const asideWidth = ref(210)
const footerHeight = ref(30)
const authStore = useAuthStore()
const menus = computed(() => authStore.getAuthRoutes) // 混合布局左侧菜单
</script>
<style lang="scss"></style>
